<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<meta charset="utf-8">
<title>Layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="<%=basePath %>css/CR.css" />
</head>

<body>
	<c:if test="${user == null}">
		<c:redirect url="login.jsp"></c:redirect>
	</c:if>
		
	<c:if test="${list == null}">
		<c:redirect url="/computerroom/showRoom"></c:redirect>
	</c:if>
	
<div class="wrapper">
<div class="cols">
		<c:forEach items="${list}" var="desc">
		
			
				<div class="col" ontouchstart="this.classList.toggle('hover');">
					<!-- <a href= "/1and5Demo/computerroom/showRoom?computerId=${desc.computerId}&computerroomId=${desc.computerroomId}"> -->
					
					<div class="container">
						<c:if test="${desc.roomDescribe == '正常'}">
							<div class="front"
								style="background-image: url(<%=basePath %>images/greenjifang.jpg)">
								<div class="inner">${desc.id}</div>
							</div>
						</c:if>
					
							
						<c:if test="${desc.roomDescribe == '损坏'}">
							<div class="front" style="background-image: url(<%=basePath %>images/redjifang.jpg)">
								<div class="inner">${desc.id}</div>
							</div>
						</c:if>
						<div class="back">
							<div class="inner"></div>
						</div>
						
					</div>
						
			</a>
				</div>
			
		
		</c:forEach>
		</div>
	</div>
	 
	 
	<script type="text/javascript" src="${ctx}/plugins/layui/layui.js"></script>
		<script>
			
			layui.use(['layer'], function() {
				var $ = layui.jquery,
					layer = layui.layer;
			});
		     
		</script>
	
	
</body>

</html>